<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Target Material Design Bootstrap Admin Template</title>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="/information/admin1/assets/materialize/css/materialize.min.css" media="screen,projection" />
    <!-- Bootstrap Styles-->
    <link href="/information/admin1/assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FontAwesome Styles-->
    <link href="/information/admin1/assets/css/font-awesome.css" rel="stylesheet" />
    <!-- Morris Chart Styles-->
    <link href="/information/admin1/assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
    <!-- Custom Styles-->
    <link href="/information/admin1/assets/css/custom-styles.css" rel="stylesheet" />
    <!-- Google Fonts-->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
    <link rel="stylesheet" href="/information/admin1/assets/js/Lightweight-Chart/cssCharts.css">
</head>

<body>
<div id="wrapper">
    <nav class="navbar navbar-default top-navbar" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle waves-effect waves-dark" data-toggle="collapse" data-target=".sidebar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand waves-effect waves-dark" href="index.html"><i class="large material-icons">track_changes</i> <strong>产品供求信息网</strong></a>

            <div id="sideNav" href=""><i class="material-icons dp48">toc</i></div>
        </div>

        <ul class="nav navbar-top-links navbar-right">
            <li><a class="dropdown-button waves-effect waves-dark" href="#!" data-activates="dropdown1"><i class="fa fa-user fa-fw"></i> <b>个人中心</b> <i class="material-icons right">arrow_drop_down</i></a></li>
        </ul>
    </nav>
    <!-- Dropdown Structure -->
    <ul id="dropdown1" class="dropdown-content">
        <li><a href="#"><i class="fa fa-user fa-fw"></i> 个人中心</a>
        </li>
        <li><a href="/information/login.html"><i class="fa fa-sign-out fa-fw"></i> 登出</a>
        </li>
    </ul>

    <!--/. NAV TOP  -->
    <nav class="navbar-default navbar-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav" id="main-menu">

                <li>
                    <a href="index.html"  class="waves-effect waves-dark"> 首页</a>
                </li>
                <li>
                    <a class="active-menu waves-effect waves-dark" href="infoshow.html" > 产品信息查询</a>
                </li>
                <li>
                    <a href="infocreate.html" class="waves-effect waves-dark"> 产品信息发布</a>
                </li>
                <li>
                    <a href="myProfile.html" class="waves-effect waves-dark"> 个人中心</a>
                </li>
            </ul>

        </div>

    </nav>
    <!-- /. NAV SIDE  -->

    <div id="page-wrapper">
        <div class="header">
            <h1 class="page-header">
                产品信息查询
            </h1>
<!--            <ol class="breadcrumb">-->
<!--                <li><a href="#">Home</a></li>-->
<!--                <li><a href="#">Dashboard</a></li>-->
<!--                <li class="active">Data</li>-->
<!--            </ol>-->

        </div>
        <div id="page-inner">

            <div class="row">
                <div class="col-md-12">
                    <!-- Advanced Tables -->
                    <div class="card">

                        <div class="card-action">
                            产品信息
                        </div>

                        <div class="card-content">
                            <form>
                                <label >产品标题:</label>
                                <input type="text" class="form-control" id="byName">
                                <label >&nbsp&nbsp产品类型:</label>
                                <select class="form-control" id="byType">
                                    <option value="生活用品">生活用品</option>
                                    <option value="材料">材料</option>
                                    <option value="电子设备">电子设备</option>
                                    <option value="艺术品">艺术品</option>
                                    <option value="食物">食物</option>

                                </select>

                                &nbsp&nbsp<a  class="btn btn-primary" id="searchbtn">搜索</a>
                            </form>

                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                    <thead>
                                    <tr>
                                        <th>产品标题</th>
                                        <th>产品类型</th>
                                        <th>发布人</th>
                                        <th>发布时间</th>
                                        <th>详情</th>
                                    </tr>
                                    </thead>
                                    <tbody id="databody"></tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                    <!--End Advanced Tables -->
                </div>
            </div>
        </div>
        <!-- /. PAGE INNER  -->
    </div>
    <!-- /. PAGE WRAPPER  -->
</div>


<div class="modal fade" id="moreModal">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <h4 class="modal-title">详情</h4>
            </div>
            <table>
                <tbody id="morebody">

                </tbody>
            </table>
            <div class="modal-body">
            </div>

            <div class="modal-footer">
                <a href="infoshow.html"><button>关闭</button></a>
            </div>

        </div>
    </div>
</div>

<!-- /. WRAPPER  -->
<!-- JS Scripts-->
<!-- jQuery Js -->
<script src="/information/admin1/assets/js/jquery-1.10.2.js"></script>

<!-- Bootstrap Js -->
<script src="/information/admin1/assets/js/bootstrap.min.js"></script>

<!--<script src="/information/admin1/assets/materialize/js/materialize.min.js"></script>-->

<!-- Metis Menu Js -->
<script src="/information/admin1/assets/js/jquery.metisMenu.js"></script>
<!-- Morris Chart Js -->
<script src="/information/admin1/assets/js/morris/raphael-2.1.0.min.js"></script>
<script src="/information/admin1/assets/js/morris/morris.js"></script>


<script src="/information/admin1/assets/js/easypiechart.js"></script>
<script src="/information/admin1/assets/js/easypiechart-data.js"></script>

<script src="/information/admin1/assets/js/Lightweight-Chart/jquery.chart.js"></script>

<!--&lt;!&ndash; DATA TABLE SCRIPTS &ndash;&gt;-->
<!--<script src="/information/admin1/assets/js/dataTables/jquery.dataTables.js"></script>-->
<!--<script src="/information/admin1/assets/js/dataTables/dataTables.bootstrap.js"></script>-->



<script src="/information/js/infoshow.js"></script>
<!--<script>-->
<!--$(document).ready(function () {-->
<!--    $('#dataTables-example').dataTable();-->
<!--});-->
<!--</script>-->
<!-- Custom Js -->
<script src="/information/admin1/assets/js/custom-scripts.js"></script>
</body>

</html>